.fl {float: left}
.fr {float: right}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.dfe{display:flex;align-items:end;justify-content:end;}
.dfr{display:flex;align-items:end;justify-content:right;}
.dfv{display:flex;align-items:center;justify-content:center;}
.dfsc{display:flex;align-items:center;justify-content:space-between;}
.rob{font-family:'rob';}
.p80{padding-bottom: 80px !important;}
.m80{margin-bottom: 80px !important;}
.cl,.clear{clear:both;}
.ov{overflow:hidden;}
.db, .lb, .dd{font-size:0;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}
 .ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
.page,.w1400{width:1400px;margin:0 auto;}
:focus {outline:none;background-color:transparent;}
::selection{background:#1052b3;color: #fff;}

/*bse*/
.bse em,.bse b,.bse p{color: #fff !important;}
.bse i,.bse i:before{background: #fff !important;}

/*bt*/
.bt{text-align: center;padding-top: 0px;margin-bottom: 40px;}
.bt b{font-size:38px;font-weight: bold;display: block;color: #333;margin-bottom: 14px;}
.bt b strong{color: #1052b3;font-size: 38px;}
.bt p{font-size: 18px;display: block;margin-bottom: 24px;line-height: 20px;font-weight: 100;}
.bt i{width: 235px;height: 1px;margin: 0 auto;position: relative;background: #d6d6d6;}
.bt i:before{position: absolute;content: "";width: 52px;height: 3px;background: #1052b3;left: 50%;bottom: 0;margin-left: -26px;}

@media screen and (max-width: 1400px) {
    .head_box{left: 2% !important;}
    .nav_box{right: 2% !important;}
    .nav>ul>li+li{margin-left: 0.5vw !important;}
}
@media screen and (max-width: 1593px) {
    .head_box{left: 2% !important;}
    .nav_box{right: 2% !important;}
    .nav>ul>li+li{margin-left: 0.5vw !important;}
}
@media screen and (width: 1200px) {
    .head{}
}

 
 

.icon>div{height: 141px;position:relative;cursor: pointer;float: left;}
.icon>div+div{margin-left: 17px;padding-left: 19px;}
.icon>div i{height: 30px;text-align: center;margin-top: 55px;padding-top: 2px;}
.icon>div+div:before{position:absolute;content:'';top: 55px;left: 0;width: 1px;height: 30px;background: rgb(0 0 0 / 20%);}

.tel{width:242px;}
.tel p{color:#333;position:relative;font-weight: normal;}
.tel em{font-family:'rob';font-size:23px;font-weight: bold;color:#1052b3;margin-top:10px;}
.search_l{display:flex;align-items:center;justify-content:end;}
.search_l span{margin-left:6px;}
.search_r{margin-top:20px;position:relative;}
#infoname{width:582px;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.tel,.search{background:rgba(255,255,255,0.96);position:absolute;top: 141px;right:0;padding:30px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;}
.icon>div:hover .search,.icon>div:hover .tel{transform:rotateX(0deg);}

 

/*下拉*/
.erji_menu {width: 594px;display: none;padding: 20px 0px 20px 0px;position: absolute;/*right: 50%;*/border-top: 1px solid #eee;background-color: #fff;z-index: 999;top: 141px;margin-right: -50%;}
.erjinr {margin:0 auto;width:100%;padding: 0 30px;overflow:hidden;}
.erjinr1 {float:left;padding-top:8px;font-size:20px;font-weight:bold;color:#333;margin-right:50px; line-height:26px !important;}
.erji_menu a {font-size:13px;}
.erji_menu .erjinr1 a {display:block;width:120px;height:32px;font-family:Arial,Helvetica,sans-serif;color:#999 !important;font-size:13px;line-height:32px;text-align:center;text-transform:uppercase;border:1px solid #cecece;margin-top:16px;font-weight:normal!important;}
.erjinr2 {float: left;margin-top: 10px;}
.erji_menu .erjinr2 a {display:block;line-height:36px;height:auto;font-size:14px;color:#333 !important;width: inherit !important;text-align: left;font-weight: normal !important;}
.erjinr21 {float:left;padding-right:25px;border-right:1px solid #e9e9e9;}
.erjinr22 {float:left;padding-left:25px;}
.erjinr3 {float:right;padding: 7px 20px;border:1px solid #eee;text-align:center;color:#333;}
.erjinr3 img {width:100%;}
.erji_menu .erjinr3 a {line-height:30px;height:auto;font-size:13px;}
.erjinr3 span{display:block; padding-bottom:3px;}
.erjinr2 a {font-size: 14px!important;color: #333;font-weight: 100!important;}
.nav>ul>li:nth-child(3) .erji_menu{width: 660px;}

/*banner*/
.banner{width:100%;min-height:593px;overflow: hidden;position: relative;z-index:1;margin-top: -7px;}
.banner .bd{position: relative;z-index:2;}
.banner .bd li{min-width:1400px;width:100%;min-height:593px;}
.banner .bd li img{width:100%;}
.banner .hd{width:100%;height:100%;position:absolute;top:0;left:0;}
.banner .hd ul{width:100%;position:absolute;bottom:30px;z-index:3;left: 50%;margin-left: -50%;}
.banner .hd li{width:20px;height:10px;border-radius:10px;background:#fff;font-size:0;float: left;transition:all 0.5s;}
.banner .hd li+li{margin-left:10px;}
.banner .hd li.on{background:#1052b3;width: 60px;}
.banner .hd a{width:50px;height:100px;border-radius:4px;background: rgba(24, 51, 122, 0.8);position:absolute;top:50%;margin-top:-50px;font-size:26px;color:#fff;text-align: center;line-height:100px;cursor: pointer;user-select:none;opacity:0;transition:all 0.5s;z-index:3;}
.banner .hd a:hover{background: rgb(24, 51, 122);}
.banner:hover .hd a{opacity:1;}

/*project*/
.proj_box{background:#f5f5f5;padding-bottom: 80px;}
.proj_con{}
.proj_con dl{float: left;text-align: center;}
.proj_con dt{position: relative;overflow: hidden;}
.proj_con dt em{display:block;}
.proj_con dt p{color: #fff;font-size: 18px;line-height: 32px;display: block;font-weight: 100;position: absolute;bottom:-100%;left: 0;width: 100%;height: 100%;transition: 0.5s;display: flex;align-items: center;justify-content: center;}
.proj_con dd{line-height: 60px;background: #fff;font-size: 20px;}
.proj_con dl+dl{margin-left: 25px;}
.proj_con dl:hover dt p{bottom: 0;background: rgba(34,160,50,0.7);}

/*product*/
.pro_bg{width: 100%;margin-top: 50px;padding-bottom: 80px;}
.pro_bg .title{margin-bottom:40px;}
.pro_con{}
.pro_tab{height: 50px;}
.pro_tab li{float: left;width: calc((100% - 40px)/ 6);text-align: center;position: relative;transition: 0.5s;margin-bottom: 8px;}
.pro_tab li a{display: block;line-height: 50px;font-size: 16px;background: #333;color: #fff;height: 50px;transition: 0.5s all;}
.pro_tab li+li{margin-left: 8px;}
.pro_tab li.on a{background:#1052b3;}

.pro_list{margin-top: 30px;}
.pro_list tr+tr{display:block;margin-top:30px;}
.pro_list td{width: calc((100% - 30px) / 3);display:inline-block;vertical-align:top;overflow: hidden;}
.pro_list td{padding-left: 0px !important;}
.pro_list td>a{position:relative;overflow:hidden;display: block;height: 310px;}
.pro_list td>a>img{transition: 0.6s;transform: scale(1); height: 100%;}
.pro_list td>a:before,.pro_list td>a:after{content:'';width:100%;height:100%;position:absolute;transition:0.6s;z-index: 1;}
 
.pro_list td>a:after{background: url(../images/20210515115017_58008996.png) no-repeat center;transform:scale(0);top:0;left:0;}
.pro_list td:hover>a:before{transition:0.6s;height: 100%;width: 100%;}
.pro_list td:hover>a:after{transform:scale(1);transition:0.6s;}
.pro_list td:hover>a>img{transition: 0.6s;transform: scale(1.1);}
.pro_list td+td{margin-left:15px;}
.pro_list tr:nth-child(2) td:nth-child(2){margin-left:11px;  }
.pro_list tr:nth-child(2) td:nth-child(3){margin-left:10px;  }
.pro_list td br{display:none;}
.pro_list td span{position: relative;padding-top: 0 !important;background: #eee;display: block;width: 100%;height: 50px;}
.pro_list td span a{font-size:18px;display: block;line-height: 50px;}

/*四大优势*/
.feat{background:url(../images/20210515115843_526684377.jpg) no-repeat top center;overflow:hidden;height: 960px;}
.feat .bt{margin-bottom: 85px;}
.featcon {display: inline-block;overflow: hidden;width: 50%;padding-left: 107px;}
.featcon dl{display: flex;align-items: center;}
.featcon dl+dl{margin-top: 35px;}
.featcon dt{}
.featcon dd{margin-left: 30px;line-height: 32px;font-size: 16px;font-weight: 100;}

/*case*/
.case{background:url(../images/20210515144353_674615581.jpg) no-repeat center;padding-bottom: 80px;height: 721px;}
.casecenter{margin-top:35px;}
.casetab{width: 353px;font-size:0;border: 1px solid #eee;height: 437px;}
.casetab li{width: calc(100% /2);height:calc(100% / 4);background: #fff;cursor:pointer;font-size:20px;color:#666666;font-weight:lighter;position:relative;transition:all .3s ease;display: flex;justify-content: center;align-items: center;float: left;border-bottom:1px solid #eee;text-align: center;}
.casetab li:nth-child(2n){border-left:1px solid #eee;}
.casetab li:nth-last-child(1),.casetab li:nth-last-child(2){border-bottom:none;}
.casetab li a{}
.casetab li em{display: flex;justify-content: center;margin-bottom: 10px;}
.casetab li em img.one{display: block;}
.casetab li em img.two{display: none;}
.casetab li b{font-weight: normal;}
.casetab li.on b{color:#1052b3;}
.casetab li.on .one{display: none;}
.casetab li.on .two{display: block;}
.casecon{width:1024px; height:493px;}
.casecon table,.casecon tbody,.casecon tr{ display:block; width:100%;}
.casecon td{ position:relative; display:inline-block;width:1024px; height:437px;padding:0 !important; overflow:hidden;}
.casecon td br{ display:none;}
.casecon td a{display:block; overflow:hidden;}
.casecon td div{padding:0 !important;width:100%;height:56px;background:rgba(255, 255, 255, 0.9);position: absolute;bottom: 0;left: 0;}
.casecon td div a{ line-height:56px; font-size:22px;font-weight: 100;}
.casecon td a img{ width:100%; height:437px;}

/*product*/
.prod_bg{position: relative;}
.prod_con{}
.prod_tab{width: 270px;}
.prod_wz{width: 270px;height: 110px;background:#1052b3;text-align: center;color: #fff;padding: 36px 0 0;}
.prod_wz b{font-size: 28px;font-weight: bold;display: block;margin-bottom: 12px;}
.prod_wz em{font-family: auto;display: block;text-transform: uppercase;}

.prod_st{background: #f4f4f4;border: 1px solid #e6e6e6;padding-bottom: 20px;}
.prod_st table ,.prod_st tbody,.prod_st tr,.prod_st td{ display:block; width:100%;}
.prod_st tr{}
.prod_st tr.prod_sttr {border-bottom: 1px solid #e6e6e6;height: 69px;margin-bottom: 20px;}
.prod_st tr.prod_sttr a{line-height: 70px;font-size: 20px;color: #525252;position: relative;}
.prod_st tr.prod_sttr a:after{background: url(../images/20210515171733_1024004673.png) no-repeat right center;position: absolute;content: '';top: 50%;right: 41px;width: 24px;height: 24px;margin-top: -12px;}
.prod_st a{display:block;line-height: 38px;position:relative;font-size: 14px;transition:all .4s ease;color:#333;font-weight: 100 !important;padding-left: 29px;}
.prod_st tr.prod_sttr a:hover{padding-left: 29px;}
.prod_st a:hover{padding-left:40px; color:#1052b3 !important;}

.prod_list{overflow: hidden;position: relative;width: 1080px;}
.prod_bt{border-bottom: 1px solid #dbdbdb;padding-bottom: 21px;padding-left: 17px;height: 70px;margin-bottom:30px;}
.prod_bt p{display: flex;align-items: center;}
.prod_bt p b{font-size: 28px;font-weight: bold;display: block;margin-left: 21px;}
.prod_bt a{display: block;font-size: 18px;font-weight: normal;margin-top: 26px;text-transform: uppercase;}
.prodd2 table td span a { display: block; width: 100%; color: #333; line-height: 40px; font-size: 14px; font-weight: 300; background: #e0e0e0; }
.prodd2 table td span {width: 100%; height: 40px; }
.prodd2>table>tbody>tr>td { float: left; padding: 0; width: 350px; margin: 0 15px 13px 0; position: relative; padding-left: 0 !important; }
.prodd2>table>tbody>tr>td:nth-child(3) { margin-right: 0 !important; }
.prodd2>table>tbody>tr>td>a { display: block; float: left; width: 100%; padding-left: 0px !important; position: relative; overflow: hidden; }
.prodd2>table>tbody>tr>td>a>img { width: 100%; background: #fff; border: 1px solid #e1e1e1;transform: scale(1);transition: 0.5s;}
.prodd2>table>tbody>tr>td:hover a>img{transform: scale(1.1);transition: 0.5s;}
.prodd2>table>tbody>tr>td:hover span a { background: #1052b3; color: #fff; text-decoration: none; }

/*adv*/
.adv_bg{width: 100%;padding-bottom: 80px;position: relative;}
.adv_bg:before{position: absolute;content: '';bottom: 0;left: 50%;width: 100%;background: #25a035;height: 230px;margin-left: -50%;}
.adv_con{}
.adv_con li{float: left;height:490px;text-align: center;position: relative;background: #f4f4f4;width: calc((100% - 78px) / 4);transition: 0.5s all;}
.adv_con li:after{position:absolute;content:'';bottom:0;left:0;width: 100%;height: 0;transition: 0.5s;z-index: -1;}
.adv_con li+li{margin-left: 26px;}
.adv_con li em{width: 100%;height: 210px;overflow: hidden;transition: 0.5s;margin-bottom: 76px;}
.adv_con li em img{width:100%;height: 100%;}
.adv_con li b{display:block;font-size: 30px;font-weight: bold;line-height: 30px;margin-bottom: 17px;margin-top: 23px;}
.adv_con li p{line-height: 30px;padding: 0 25px;}
.adv_con li:hover{box-shadow: 0 0 20px 0px #00000047;margin-top: -10px;}
.adv_con li:hover em{transition: 0.5s;padding: 15px;}
.adv_con li:hover i img{filter: invert(1);}
.adv_con li:hover b,.adv_con li:hover p{color:#fff;transition: 0.5s;}
.adv_con li:hover:after{transition: 0.5s;background: #1052b3;height:100%;}

/*company*/
.abt_bg{padding-bottom: 80px;width: 100%;}
.abt_con{height: 400px;}
.abt_le{}
.abt_ri{width: 570px;
    padding: 47px 66px 0px 56px;
    height: 353px;
    background: #1052b3;}
.abt_ri h2{font-size: 30px;display: block;font-weight: bold;color: #fff;}
.abt_ri i{width: 146px;height: 1px;background: rgba(255, 255, 255, 0.5);margin: 24px 0 16px;}
.abt_ri span{line-height: 32px;color: #fff;}

/*news*/
.news{padding:50px 0 80px 0;background:#f9f9f9;}
.newstab{ margin:40px 0; font-size:0; text-align:center;}
.newstab a{ display:inline-block; width:170px; line-height:42px; border-radius:21px; font-size:18px; color:#333333; font-weight:lighter; transition:all .3s ease; background:#fff; box-shadow:0 0 15px #eee;}
.newstab a+a{ margin-left:20px;}
.newstab a.on{ background:#1052b3; color:#fff; box-shadow:0 0 15px #def8ea;}
.newsleft{ width:715px;}
.newsright{ width:670px;}
.newsleft .news_div_item{ padding:26px; background:#f1f1f1; position:relative;}
.newsleft .news_div_item+.news_div_item{ margin-top:15px;}
.newsleft .news_div_item_pic{ overflow:hidden;width:250px;}
.news .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{ transform: scale(1.1);}
.news_div_item:hover .news_div_item_a{color:#1052b3;}
.newsleft .news_div_item_content{ right:40px; top:40px; bottom:0; width:370px; position:absolute;}
.news .news_div_item_a{ display:block; position:relative; white-space:nowrap;text-overflow:ellipsis; font-size:18px; color:#666666;}
.news .news_div_item_body{ font-size:14px; color:#666666; font-weight:lighter; line-height:30px; height:120px; overflow:hidden; margin-top:10px;}
.newsleft .news_div_item_a:after{ content:''; display:block; position:absolute; right:0; top:135px; width:25px; height:25px; background:url(../images/20210515163241_2035304838.png) no-repeat center;}
.newsright .news_div_item{ padding:15px; background:#f1f1f1; position:relative;}
.newsright .news_div_item_pic{ width:165px;overflow:hidden;}
.newsright .news_div_item_content{ position:absolute; right:110px; width:360px; top:40px;}
.newsright .news_div_item_body{ height:60px;}
.newsright .news_div_item+.news_div_item{ margin-top:16px;}
.newsright .news_div_item_date{ position:absolute; padding-left:20px; text-align:center; height:115px; border-left:1px solid #f0f2f1; top:32px; right:15px; font-size:16px; color:#666666; font-family:fontDin1; line-height:30px;}
.newsright .news_div_item_month,.newsright .news_div_item_day{ display:inline-block;}
.newsright .news_div_item_year{ font-size:25px;}
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute; right:-80px; bottom:-65px; width:25px; height:25px; background:url(../images/20201126152514_1869528523.png) no-repeat center;}

/*版权*/
.copyright{ background:url(../images/20210515160538_1964485922.jpg) no-repeat center bottom;}
.links{font-size:16px; color:#fff; height:77px; overflow:hidden;}
.links .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;height:77px;}
.link_l{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;height: 77px;}
.link_l p{ padding-left:28px; background:url(../images/20210515160538_1284313221.png) no-repeat left center;line-height: 77px;}
.link_r a{ font-size:14px; color:#666666; padding-right:25px; background:url(../images/20210515160538_1613468132.png) no-repeat right center;}
.crcon{ height:445px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; position:relative;}
.crcon:after{ content:''; display:block; position:absolute; border-top:1px solid #363636; left:0; top:0; height:1px; background:#383838; width:1009px;}

.kslj{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; height:364px; padding:50px 0; box-sizing:border-box;width:800px;}
.kslj p{ font-size:18px; color:#cccccc;}
.kslj p i{ display:block; height:1px; position:relative; background:#6b6b6b; width:72px; margin:15px 0 30px 0;}
.kslj p i:after{ content:''; display:block; position:absolute; width:30%; left:0; top:0; height:1px; background:#1052b3; transition:all .3s ease;}
.kslj li:hover p i:after{ width:100%;}
.kslj a{ display:block; font-size:14px; color:#999999; font-weight:lighter; line-height:35px;}
.kslj a:hover{ color:#fff;}
.end{ width:980px;}
.end,.end a{ line-height:80px;color:#999999;font-weight: 100;}
.crc_r{ width:340px; margin-top:40px;}
.crcode{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;margin-top: 45px;}
.crcode li img{ display:inline-block; vertical-align:middle; width:107px; height:107px;}
.crcode li span{ display:inline-block; vertical-align:middle; font-size:14px; line-height:15px; color:#ffffff; font-weight:lighter; width:14px; margin:0 25px 0 15px;}
.cr_t{ font-size:34px; text-transform:uppercase; font-weight:bold; color:#fff;}
.crcontact{margin:15px 0 25px 0;}
.crcontact p{font-size:14px; color:#ffffff; font-weight:lighter; line-height:35px;}

.part_nr{}
.part_nr tr{display:inline-block;}
.part_nr tr+tr{margin-top: 18px;}
.part_nr td{width: 335px;overflow:hidden;position:relative;height: 150px;float: left;}
.part_nr td+td{margin-left: 18px;}
.part_nr td>a{}
.part_nr td>a>img{width: 100%;height: 100%;}
.part_nr td>div{width:100%;height: 150px;background: rgba(0, 0, 0, 0.6);position:absolute;top: 50%;left:0;margin-top: -75px;transform-origin: center;transform: rotateX(90deg);transition: 600ms;}
.part_nr td>div>a{display:block;line-height: 150px;font-size: 20px;color:#fff;text-align:center;text-transform: uppercase;}
.part_nr td:hover div{transform: rotateX(0deg);transition: 600ms;}
.part_nr td br{display: none;}

  .amore {
    font-size: 20px;
    color: #ffffff;
    width: 12.14rem;
    height: 2.6rem;
    line-height: 2.6rem;
    margin-top: 20px;
    text-align: center;
    display: block;
    background-color: #21a64a;
    border-radius: 10.06rem;
}

.amore:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}


/*联系我们 begin*/
.aboutBoxCenter{width: 100%;}

.contactUsDl dd{

    float:left;
  
    padding: 22px;
  
  width: 30%;
  
    overflow:hidden;
  
    position: relative
  
  }
  
  .contactUsDl dd:after{
  
    content: "";
  
    display: block;
  
    width:1px;
  
    height:254px;
  
    background:#e6e6e6;
  
    position: absolute;
  
    bottom:0;
  
    right:0;
  
  }
  
  .contactUsDl dd:last-child:after{display:none}
  
  .contactUsDl dd .icon{
  
    height:90px;
  
    background-position:center center;
  
    background-repeat:no-repeat;
  
    margin-bottom:15px;
  
  }
  
  .contactUsDl dd .icon.icon1{background-image:url(../images/csicon1.png)}
  
  .contactUsDl dd .icon.icon2{background-image:url(../images/csicon2.png)}
  
  .contactUsDl dd .icon.icon2_1{background-image:url(../images/csicon2_1.png)}
  
  .contactUsDl dd .icon.icon3{background-image:url(../images/csicon3.png)}
  
  .contactUsDl dd .icon.icon4{background-image:url(../images/csicon4.png)}
  
  .contactUsDl dd .divT{
  
    clear: both;
  
    font-size:16px;
  
    color:#333333;
  
    text-align: center;
  
    height:37px;
  
    line-height:37px;
  
    overflow:hidden;
  
  }
  
  .contactUsDl dd .divT2{
  
    clear: both;
  
    font-size:16px;
  
    color:#333333;
  
    text-align: center;
  
    height:33px;
  
    line-height:33px;
  
    overflow:hidden;
  
  }
  
  .contactUsDl dd a{
  
    display: block;
  
    width:120px;
  
    height:35px;
  
    line-height:35px;
  
    margin:0 auto;
  
    overflow:hidden;
  
    text-align: center;
  
    background:#1a5987;
  
    font-size:14px;
  
    color:#ffffff;
  
    margin-top:10px;
  
  }
  
  .contactUsDl dd a:hover{opacity:0.9}